<template>
  <div id="paying">
    <van-nav-bar title="确认订单" left-arrow @click-left="onClickLeft" />
    <div class="container">
      <van-cell-group @click="changeAddress">
        <van-cell title="童鞋" value="166689886689" label="陕西省西安市临潼区斜口街道西安科技大学" icon="location-o" />
      </van-cell-group>
      <van-card
        num="1"
        price="369"
        desc="白色，42"
        title="New Balance NB官方2019新款复古休闲鞋574系列"
        thumb="https://img.alicdn.com/imgextra/i4/520557274/O1CN01CA968r23bXWQhfXoT-520557274.jpg_60x60q90.jpg"
      />
      <van-panel title="使用优惠券" status="未使用优惠券" icon="coupon-o" @click="goToCupon"></van-panel>
    </div>
    <van-submit-bar :price="36900" button-text="提交订单" @submit="onSubmit" />
  </div>
</template>
<script>
export default {
  name: "paying",
  data() {
    return {};
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    goToCupon() {
      this.$router.push({ path: "/mine/shopcoupon" });
    },
    changeAddress() {
      this.$router.push({ path: "/mine/address" });
    },
    onSubmit() {
      this.$router.push({ path: "mine/beshipped" });
    }
  },
};
</script>
<style scoped  lang="">
.van-nav-bar {
  background-color: #ff6341;
  position: relative;
}
.van-nav-bar .van-icon {
  color: white;
}
.van-nav-bar__title {
  color: white;
}
.container {
  margin-right: 0.133333rem;
  margin-left: 0.133333rem;
}
.van-card {
  border: 1px solid #e5e5e5;
  background-color: white;
  border-radius: 0.533333rem;
  margin: 0 0.133333rem;
}
.van-cell {
  margin: 0.36667rem 0 0.56667rem 0;
  border: 1px solid #e5e5e5;
  border-radius: 0.533333rem;
}

.van-button--danger {
  background: #ff5733;
}
.van-submit-bar {
  bottom: 0.266667rem;
}
[class*="van-hairline"]::after {
  border: 0;
}
</style>